<form class="form">
  标签：<input matInput [(ngModel)]="data.name" [ngModelOptions]="{standalone: true}" /> <br />
  备注：<input matInput [(ngModel)]="data.note" [ngModelOptions]="{standalone: true}" /> <br />
  开始：<input matInput [(ngModel)]="beginTimeStr" [ngModelOptions]="{standalone: true}" /> <br />
  结束：<input matInput [(ngModel)]="endTimeStr" [ngModelOptions]="{standalone: true}" /> <br />
  持续时间：<span>{{computeDuration()}}</span><br />
  <br />
  标签类型：<br/>
  标签名：<input matInput [(ngModel)]="name" [ngModelOptions]="{standalone: true}" /> <br />
  标签颜色：<input matInput [(ngModel)]="tagColor" [ngModelOptions]="{standalone: true}" /> <button (click)="changeColor()">确认</button> <br />
</form>

<div mat-dialog-actions>
  <button mat-button (click)="onNo()">no save</button>
  <button mat-button mat-dialog-close (click)="onOK()" cdkFocusInitial>Ok</button>
</div>
